<template>
    <el-button :size="size" :type="type" :loading="loading" :disabled="!hasPerms(perms)" @click="handleClick">
        {{ label }}
    </el-button>
</template>

<script>
import { hasPermission } from '@/permission/index.js';

export default{
    name:'ktButton',
    props:{
        label:{
            type: String,
            default: 'Button'
        },
        size:{
            type: String,
            default: 'mini'
        },
        type:{
            type: String,
            default: null
        },
        loading:{
            type: Boolean,
            default: false
        },
        disabled:{
            type: Boolean,
            default: false
        },
        perms:{
            type:String,
            default:null
        }
    },
    data(){
        return{

        }
    },
    methods:{
        handleClick: function(){
            // 按钮操作处理函数
            this.$emit('click',{})
        },
        hasPerms: function(perms){
            return hasPermission(perms)
        }
    },
    mounted(){
        
    }
}
</script>

